<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:include="css :: css">
</head>
<link href="/js/jquery.icheck/skins/square/blue.css" rel="stylesheet">
<link href="/css/imageStyles.css" rel="stylesheet">


<style>
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search,
	.fixed-table-toolbar .columns {
	margin-top: -70px;
}
</style>

<body style="overflow: hidden; opacity: 1">

	<div id="cl-wrapper" style="padding-top: 0">
		<div class="container-fluid">
			<div class="cl-mcont">
				<div class="row">
					<div class="col-md-12">
						<div class="block-flat">
							<form class="form-horizontal group-border-dashed"
								id="userListForm">
								<input name="userIds" id="userIds" type="hidden" />
								<div class="form-group">
									<div class="input-group">
										<input type="text" class="form-control" readonly
											placeholder="开始时间" id="startTime" name="startTime" />
									</div>
									<div class="input-group">
										<input type="text" class="form-control" readonly
											placeholder="结束时间" id="endTime" name="endTime" />
									</div>
									<div class="input-group">
										<input type="text" class="form-control" placeholder="会员编号/名称"
											id="account" name="account" />
									</div>
									<div class="input-group">
										<input type="text" class="form-control" placeholder="认证姓名"
											id="name" name="name" />
									</div>
									<div class="input-group">
										<select class="form-control" id="successLevel"
											name="successLevel">
											<option value="">成功认证等级</option>
											<option value="1">一级认证</option>
											<option value="2">二级认证</option>
											<option value="3">三级认证</option>
											<!-- <option value="4">四级认证</option> -->
										</select>
									</div>
									<div class="input-group">
										<select class="form-control" id="levelState" name="levelState">
											<option value="">认证状态</option>
											<option value="0">未认证</option>
											<option value="5">认证中</option>
											<option value="6">成功</option>
											<option value="7">失败</option>
											<!-- 2024-10-17 将处理中状态均改成 认证中 -->
											<!-- 
											<option value="8">处理中</option>
											 -->
										</select>
									</div>
									<div class="input-group">
										<select class="form-control" id="certLevel" name="certLevel">
											<option value="">当前认证等级</option>
											<option value="1">一级认证</option>
											<option value="2">二级认证</option>
											<option value="3">三级认证</option>
											<!-- <option value="4">四级认证</option> -->
										</select>
									</div>
									<div class="input-group">
										<button class="btn btn-primary" type="button" id="search">
											<i class="fa fa-search"></i>查询
										</button>
										&nbsp;
										<button class="btn btn-success btn-operation" type="button"
											onclick="remarkModelShow(6)" id="updateCertificateSuccess">
											<i class="fa fa-plus-square-o"></i> 置成功
										</button>
										&nbsp;
										<button class="btn btn-fail btn-operation" type="button"
											onclick="remarkModelShow(7)" id="updateUserCertificateFail">
											<i class="fa fa-plus-square-o"></i> 置失败
										</button>
										&nbsp;
										<button class="btn btn-fail btn-operation" type="button"
											onclick="toAddRemark()" id="addRemark">
											<i class="fa fa-pencil-square-o"></i> 备注
										</button>
										&nbsp;
										<button type="button" class="btn btn-success btn-operation"
											id="btnUploadContract">
											<i class="fa fa-plus-square-o"></i>上传合同
										</button>
									</div>
								</div>
							</form>
						</div>
						<div class="block-flat">
							<div class="content">
								<div class="table-responsive">
									<table data-classes="table table-hover table-condensed"
										id="dataTable" data-mobile-responsive="true"
										data-detail-formatter="detailFormatter">
									</table>
								</div>
							</div>
						</div>

						<!--查看附件详情 -->
						<div class="modal inmodal fade" id="myModal4" tabindex="-1"
							role="dialog" aria-hidden="true">
							<div class="modal-dialog ">
								<div class="modal-content" style="margin-left: -200px;">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">
											<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
										</button>
										<h4 class="modal-title">附件详情(单击放大，双击缩小)</h4>
									</div>

									<div class="modal-body">
										<form class="form-horizontal m-t" id="attachment"
											method="post">
											<div class="row">
												<div class="col-sm-12 ">
													<img src="" id="frontPicUrl" onclick="maxPic(event);"
														ondblclick="minPic(event);"> <img src=""
														id="reversePicUrl" onclick="maxPic(event);"
														ondblclick="minPic(event);"> <img src=""
														id="handingPicUrl" onclick="maxPic(event);"
														ondblclick="minPic(event);"> <img src=""
														id="eSignature" onclick="maxPic(event);"
														ondblclick="minPic(event);">
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>

						<!--修改会员实名认证状态信息-->
						<div class="modal fade" id="updateUserCertificateModal"
							tabindex="-1" role="dialog"
							aria-labelledby="updateUserModalLabel">
							<div class="modal-dialog" role="document" style="width: 800px;">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
										<h4 class="modal-title" id="updateUserModalLabel">修改实名认证状态</h4>
									</div>
									<div class="modal-body" style="min-height: 100px;">
										<form class="form-horizontal" role="form"
											id="updateUserCertificateForm">
											<input type="hidden" class="form-control" id="status" hidden
												name="status" />
											<div class="form-group">
												<label for="remark" class="col-sm-2 control-label">备注</label>
												<div class="col-sm-8">
													<textarea type="text" class="form-control" id="remark"
														placeholder="请输入备注" name="remark"></textarea>
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default"
											data-dismiss="modal">取消</button>
										<button type="button" class="btn btn-primary"
											onclick="updateUserCertificate()">确定</button>
									</div>
								</div>
							</div>
						</div>
						<!--添加备注-->
						<div class="modal fade" id="addRemarkModal" tabindex="-1"
							role="dialog" aria-labelledby="updateUserModalLabel">
							<div class="modal-dialog" role="document" style="width: 800px;">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"
											aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
										<h4 class="modal-title" id="addRemarkModalLabel">新增备注</h4>
									</div>
									<div class="modal-body" style="min-height: 100px;">
										<form class="form-horizontal" role="form"
											id="addRemarkModalLabelForm">
											<div class="form-group">
												<label for="remark" class="col-sm-2 control-label">备注</label>
												<div class="col-sm-8">
													<textarea type="text" class="form-control" id="editRemark"
														placeholder="请输入备注" name="remark"></textarea>
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default"
											data-dismiss="modal">取消</button>
										<button type="button" class="btn btn-primary"
											onclick="addRemark()">确定</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<link rel="stylesheet"
		href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
	<div th:include="js :: js"></div>
	<script type="text/javascript" th:attr="src=@{/js/jquery.form.js}"></script>
	<script type="text/javascript" th:attr="src=@{/js/jquery.parser.js}"></script>
	<script type="text/javascript" src="js/jquery.icheck/icheck.min.js"></script>
	<script type="text/javascript" src="js/e-smart-zoom-jquery.js"></script>
	<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
	<script type="text/javascript"
		src="/js/pageJs/memberManage/userCertificateList.js?deVersion=20241016"></script>
	<!-- 必须放在userCertificateList.js 之后,否则报laydate没有定义 -->
</body>
</html>
